<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			{{name}}、{{age}}
			<hr >
			{{hobby}}、{{hobby[0]}}、{{hobby[hobby.length-1]}}
			<hr >
			{{girl.name}}、{{girl.age}}、{{girl}}
			<hr >
			{{cars[0]}}、{{cars[0].color}}<br>
			{{cars[2]}}、{{cars[2].color}}<br>
			{{cars}}
		</div>
		
	</body>
	<script type="text/javascript">
		new Vue({
			el:"#app",
			data:{
				msg:"hello VueJS!",
				name:"陈强",
				age:18,
				hobby:["乒乓","爬山","唱歌"],
				girl:{
					name:"李梅",
					age:16
				},
				cars:[
					{name:"劳斯莱斯",color:"white"},
					{name:"奔驰",color:"red"},
					{name:"宝马",coler:"green"}
				]
			}
		});
	</script>
</html>
